<template>
  <div>
    <p>
      <el-text style="color: #999">员工工号：</el-text>
      <el-text style="color: #333">
        {{ SalesStaff.LoginName }}
      </el-text>
    </p>
    <p>
      <el-text style="color: #999">部门：</el-text>
      <el-text
        v-for="(item, index) in SalesStaff.Department"
        :key="index"
        style="color: #333"
      >
        [{{ item.DepartmentName }}]
      </el-text>
    </p>
    <p>
      <el-text style="color: #999">职位：</el-text>
      <el-text
        v-for="(item, index) in SalesStaff.StaffPost"
        :key="index"
        style="color: #333"
      >
        [{{ item.StaffPostName }}]
      </el-text>
    </p>
    <p>
      <el-text style="color: #999">签单人姓名：</el-text>
      <el-text style="color: #333">
        {{ SalesStaff.StaffName }}：{{ SalesStaff.Mobile }}
      </el-text>
    </p>
    <p>
      <el-text style="color: #999">签单人主管姓名：</el-text>
      <el-text style="color: #333">张三 13703280131</el-text>
    </p>
    <p>
      <el-text style="color: #999">店长姓名：</el-text>
      <el-text style="color: #333">张三 13703280131</el-text>
    </p>
    <p>
      <el-text style="color: #999">备注：</el-text>
      <el-text style="color: #333">xxxxxxx</el-text>
    </p>
  </div>
</template>

<script>
  export default defineComponent({
    name: 'SaleStaffInfo',
    setup() {
      const state = reactive({
        SalesStaff: {},
      })

      const showInfo = (Info) => {
        state.SalesStaff = Object.assign({}, Info)
      }

      return {
        ...toRefs(state),
        showInfo,
      }
    },
  })
</script>
